@mixin flex-xy-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

@mixin common-btn{
	@include flex-xy-center();
	border-radius: 50rpx;
	font-size: 38rpx;
	font-weight: bold;
	line-height: 100rpx;
}

// 提交按钮
.submit-btn{
	@include common-btn();
	background: $theme-color;
	font-size: 38rpx;
	font-weight: 500;
	color: #FFFFFF;
}

// 取消按钮
.cancel-btn{
	@include common-btn();
	background: #343247;
	font-weight: 500;
	color: #fff;
}
 

// 底部按钮容器
.bottom-btn-wrapper{
	@include flex-xy-center();
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150rpx;
	background: #fff;
	padding: 0 30rpx;
	box-shadow: 0px 0px 16rpx 1rpx rgba(0,0,0,0.1);
	padding-bottom: calc(constant(safe-area-inset-bottom)); /* 兼容 iOS 设备 */
	padding-bottom: calc(env(safe-area-inset-bottom)); /* 兼容 iPhone X 及以上设备 */
	box-sizing: content-box;
}